$(function () {
    // 显示用户名和退出
    username = $.cookie('username')
    if (username) {
        $('.header-right a').eq(0).html(username)
        $('.header-right a').eq(1).html('退出')
        $('.header-right a').click(function (e) {
            e.preventDefault()
        })
        $('.header-right a').eq(1).click(function () {
            $.cookie('username', '', {
                expires: -1
            })
            location.reload()
        })
    } else {
        $('.header-right a').eq(0).html('登录')
        $('.header-right a').eq(1).html('注册')
    }

    // 使用插件 向上浮动
    $('.span16 ul li').moveUp()
    $('.span4 ul li').moveUp()
    //秒杀
    timer=null
    timer2=null
    ms()
    timer=setInterval(ms, 1000)
    //切换tab栏
    $('#iphone').switch('#iphone')
    $('#TV').switch('#TV')
    $('#intelligent').switch('#intelligent')
    $('#wear').switch('#wear')
    $('#tool').switch('#tool')
    $('#around').switch('#around')
    //点击回到顶部
    $(window).scroll(function(){
        if($(window).scrollTop()>600){
            $('.backTop').css('visibility', 'visible')
        }else{
            $('.backTop').css('visibility', 'hidden')
        }
        $('.backTop').click(function(){
            $(window).scrollTop(0)
        })
    })

    //搜索框
    $('[type="text"]').focus(function(){
        $('[type="submit"]').css('borderColor', '#ff6700')
        $('.keyWord').css('display','block')
        $(this).css('borderColor', '#ff6700')
        })
    $('[type="text"]').blur(function(){
        $(this).css('borderColor', 'rgb(224, 224, 224)')
        $('.keyWord').css('display', 'none')
        $('[type="submit"]').css('borderColor', '#e0e0e0')
    })
    $('[type="text"]').on('input',function(){
        $.ajax({
            url: 'https://suggest.taobao.com/sug?code=utf-8&_ksTS=1622030184709_391&area=b2c&code=utf-8&k=1&bucketid=9&src=tmall_pc',
            data:{
                q: $(this).val(),
            },
            dataType:'jsonp',
            success:function(data){
                $('.keyWord>ul').empty()
               res=data.result
               if(!$('[type="text"]').val()){
                   $('.keyWord>ul').append(`<li>全部商品</li>
                           <li>空调</li>
                           <li>小米手机</li>
                           <li>小米11 Pro</li>
                           <li>洗衣机</li>
                           <li>耳机</li>`)
               }
               for(var key in res){
                   $('.keyWord>ul').append(`<li>${res[key][0]}</li>`)
               }
            }
        })
    })

    //用来存取点击物品里面的详细信息
    cartArr=[]
    //存总价格
    var total
    $('.phonesList').children().one('mouseenter',function () {
        //获取点击的具体详情
        $(this).children('.add').click(()=>{
            $('ol').empty()
            img = $(this).children('a').children('.figure').children('img').attr('src')
            title=$(this).children('a').children('.title').html();
            price=$(this).children('a').find('.num').html();
            obj={
                img:img,
                title:title,
                price:price,
            }
            cartArr.push(obj)
            sum = 0
            num = cartArr.length
            //实时改变购物车的数量
            $('b').html('购物车'+'('+num+')')
            //遍历数组，显示在购物车里面
            for (var i = 0; i < cartArr.length; i++) {
                if (cartArr[i]) {
                    $('.cartM').addClass('hide')
                    $('.cartTotal').removeClass('hide')
                    sum += cartArr[i].price-0 
                    total=sum
                    $('ol').append(`<div class="cart-item clear-fix"><a class="thumb" href="javascript:;"><img alt=""
                src="${cartArr[i].img}"></a><a
                class="name" href="javascript:;">${cartArr[i].title}</a><span class="price">${cartArr[i].price}</span><a class="btn-del J_delItem" href="javascript: void(0);"><em class="iconfont icon-guanbi"></em></a></div>`)
                    $('.total').children('em').html(cartArr.length)
                    $('.total').children('.price').children('em').html(sum)
                }
            }
        })
    })

    //判断购物车里面显示内容
    $('.cartBox').on('mouseenter',function () {
        if(cartArr.length){
            $('.cartM').addClass('hide')
            $('.cartTotal').removeClass('hide')
        }else{
            $('.cartM').removeClass('hide')
            $('.cartTotal').addClass('hide')
        }
    })
    //删除功能
    $('.cartBox').on('click', '.btn-del>em', function () {
        console.log();
        $index = $(this).parent().parent().index();
        $(this).parent().parent().remove()
        price = $(this).parent().siblings('.price').text() - 0
        total -= price
        num--
        $('b').html('购物车'+ '('+num+')')
        $('.total').children('em').html(num)
        if(num==0){
            $('.cartM').removeClass('hide')
            $('.cartTotal').addClass('hide')
        }
        $('.total').children('.price').children('em').html(total)
        cartArr.splice($index, 1)
    })





    



















































})